<template>
	<view>
		<!--  bgColor="usuallyBgQy"  bgImage="../../../static/images/navBg1.png"-->
		<custom-nav-sq-xcx :isBack="true" :hasFixedFlag="true" :bgImage="getQyStaticFilePath('navBg.png')"> 
			<block slot="content">团体服务</block>
		</custom-nav-sq-xcx>
		<create-qy-head :headImgFlag="true" :hasPaddFlag="false">
			<view class="ttfwWrap">
				<!-- 今日活动 -->
				<view class="today">
					<view class="todayTit">今日活动</view>
					<today-ttfw></today-ttfw>
				</view>
				<!-- 全部活动 -->
				<view class="allHd">
					<view class="allHdTit">
						<view>全部</view>
						<view class="line"></view>
						<view>共计8个活动</view>
					</view>
					<view class="ttfwList">
						<view class="ttfwListItem spaceBet">
							<view class="ttfwName">关于团里运营活动的新活动</view>
							<view class="iconfont icon-down noRotate"></view>
						</view>
						<fwxm-list currPage="myTtfwList"></fwxm-list>
					</view>
					<view class="ttfwList">
						<view class="ttfwListItem spaceBet">
							<view class="ttfwName ellip">关于团里运营活动的新放到沙发上股份的价格活动</view>
							<view class="iconfont icon-down"></view>
						</view>
						
					</view>
				</view>
			</view>
		</create-qy-head>
	</view>
</template>

<script>
	import CreateQyHead from '../createQy/components/CreateQyHead.vue';
	import TodayTtfw from './components/TodayTtfw.vue';
	import FwxmList from '../../subQyIndex/ttfwList/components/FwxmList.vue';
	export default {
		components:{
			CreateQyHead,
			TodayTtfw,
			FwxmList
		},
		data(){
			return{
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/static/scss/qyFwxmList.scss";
	.ttfwWrap{
		min-height: 700rpx;
		padding: 30rpx;
		color: $qy-main2;
		.today{
			border-bottom: 1rpx solid #eee;
			padding-bottom: 30rpx;
			margin-bottom: 10rpx;
			.todayTit{
				margin-bottom: 20rpx;
				font-size: 36rpx;
				font-weight: 600;
			}
		}
		.allHdTit{
			height: 60rpx;
			font-size: 24rpx;
			display: flex;
			align-items: center;
			margin-bottom: 20rpx;
			.line{
				@include comLine;
			}
		}
		.ttfwList{
			margin-bottom: 30rpx;
			.ttfwListItem{
				height: 76rpx;
				line-height: 76rpx;
				border: 4rpx solid $comBg;
				border-radius: $comRad;
				padding: 0 15rpx;
				border-left: 8rpx solid $pss-qy-main;
				.ttfwName{
					@include comFontStyle;
				}
				.icon-down{
					color: $qy-main6;
					font-size: 32rpx;
					transform: rotate(270deg);
					transition: .3s;
					&.noRotate{
						transform:rotate(0deg);
					}
				}
			}
		}
	}
</style>